<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>文章</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/lib/swiper.css" />
		<link rel="stylesheet" type="text/css" href="../../css/article/articleHome.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="search-header fixed">
				<div class="search-header-main">
					<div class="search-header-float">
						<i class="fa fa-search search-header-i blue"></i>						
					</div>
					<input @keyup.13="search()" type="text" class="search-form search-input" placeholder="search..." v-model="message">
					<div class="search-header-del">
						<img class="del" v-on:click="del()" src="../../lib/svg/del.svg" type="" />
					</div>
				</div>
				<!--分类滑动插件S-->
				<div class="swiper-container community-home-classification">
					<div class="swiper-wrapper community-home-classification-inside">
						<div class="swiper-slide" v-bind:class="{ active: isActive == item.id }" v-for="item in cate" v-on:click="reload(item.id)">
							<a>{{item.name}}</a>
						</div>
					</div>
				</div>
				<!--分类滑动插件E-->
			</div>
			<!--公共头部结束-->

			<div class="article-home-main">
				<!--文章列表S-->
				<div class="article-home-main-four">
					<div class="article-list" v-for="item in list" v-on:click="jumpDetails(item.id)">
						<img :src="url + (item.thumb_path)+(item.thumb)" class="article-home-main-three-img">
						<p class="article-list-title">{{item.title}}</p>
						<p class="article-list-details">{{item.description}}</p>
						<div class="article-eye-num">
							<i class="fa fa-eye"></i>
							<span class="view-num">{{item.click}}人阅读</span>
							<span>{{item.stars}}</span>
						</div>
					</div>
				</div>
				<!--文章列表E-->
				<!--没有数据时使用-->
				<div v-if="isNoM" class="noMsg-div">
					<my-component></my-component>
				</div>
			</div>
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/article/article.js" type="text/javascript" charset="utf-8"></script>

</html>